<%--
  Created by IntelliJ IDEA.
  User: jerry
  Date: 15/1/31
  Time: 下午4:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<head>
    <jsp:include page="/pages/include/includeCSS.jsp" ></jsp:include>
    <script src="${pageContext.request.contextPath}/pages/assets/js/jquery-1.11.1.min.js"></script>
    <title>customer list page</title>
</head>
<body class="page-body">

<jsp:include page="/pages/admin/include/head_Settings-Pane.jsp"></jsp:include>
<jsp:include page="/pages/admin/include/leftPane.jsp"></jsp:include>

<jsp:include page="/pages/admin/include/includeHeadBar.jsp"></jsp:include>


<div class="page-title">

    <div class="title-env">
        <h1 class="title">员工管理</h1>
        <p class="description"> 员工列表页 </p>
    </div>

    <div class="breadcrumb-env">

        <ol class="breadcrumb bc-1">
            <li>
                <a href="${pageContext.request.contextPath}"><i class="fa-home"></i>首页</a>
            </li>

            <li class="active">

                <strong><i class="fa-list"></i>员工列表</strong>
            </li>
        </ol>

    </div>

</div>


<!-- customer view list context -->

<!-- Basic Setup -->
<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">员工列表</h3>

        <div class="panel-options">
            <a href="#" data-toggle="panel">
                <span class="collapse-icon">&ndash;</span>
                <span class="expand-icon">+</span>
            </a>
            <a href="#" data-toggle="remove">
                &times;
            </a>
        </div>
    </div>
    <div class="panel-body">

        <script type="text/javascript">
            jQuery(document).ready(function($)
            {
                $("#customeTable").dataTable({
                    aLengthMenu: [
                        [10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]
                    ]
                });
            });
        </script>

        <table id="customeTable" class="table table-striped table-bordered" cellspacing="0" width="100%">
            <thead>
            <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>电话</th>
                <th>所属项目组</th>
                <th>职位</th>
                <th>状态</th>
                <th>详情</th>
                <th>操作纪录</th>

            </tr>
            </thead>



            <tbody>
            <tr>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>

                <td>按钮</td>
                <td>Test</td>

            </tr>
            <tr>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>

            </tr>
            <tr>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>
                <td>Test</td>


            </tr>

            </tbody>
        </table>

    </div>
</div>



<jsp:include page="/pages/admin/include/includeFooter.jsp"></jsp:include>



<!-- Imported styles on this page -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/pages/assets/js/datatables/dataTables.bootstrap.css">

<!-- Bottom Scripts -->
<script src="${pageContext.request.contextPath}/pages/assets/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/TweenMax.min.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/resizeable.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/joinable.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/xenon-api.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/xenon-toggles.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/datatables/js/jquery.dataTables.min.js"></script>


<!-- Imported scripts on this page -->
<script src="${pageContext.request.contextPath}/pages/assets/js/datatables/dataTables.bootstrap.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/datatables/yadcf/jquery.dataTables.yadcf.js"></script>
<script src="${pageContext.request.contextPath}/pages/assets/js/datatables/tabletools/dataTables.tableTools.min.js"></script>


<!-- JavaScripts initializations and stuff -->
<script src="${pageContext.request.contextPath}/pages/assets/js/xenon-custom.js"></script>

</body>
</html>
